<%@ page language="java" contentType="text/html;charset=UTF-8" isELIgnored="false"%>
<%@ include file="/commons/global.jsp" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Bootstrap Admin</title>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="stylesheet" type="text/css" href="${path }/static/admin/lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="${path }/static/admin/lib/font-awesome/css/font-awesome.css"> 
    <link rel="stylesheet" type="text/css" href="${path }/static/admin/css/theme.css">

    <script src="${path }/static/admin/lib/require/require.js" data-main="${path }/static/admin/lib/main.js"></script>

    <!-- Demo page code -->
    <style type="text/css">
        #line-chart {
            height: 300px;
            width: 800px;
            margin: 0px auto;
            margin-top: 1em;
        }

        .brand {
            font-family: georgia, serif;
        }

        .brand .first {
            color: #ccc;
            font-style: italic;
        }

        .brand .second {
            color: #fff;
            font-weight: bold;
        }
    </style>
    <!--[if lt IE 9]>
    <script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="${path }/static/images/favicon.png">
</head>

<!--[if lt IE 7 ]>
<body class="ie ie6" ms-controller="app"><![endif]-->
<!--[if IE 7 ]>
<body class="ie ie7" ms-controller="app"><![endif]-->
<!--[if IE 8 ]>
<body class="ie ie8" ms-controller="app"><![endif]-->
<!--[if IE 9 ]>
<body class="ie ie9" ms-controller="app"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<body ms-controller="app">
<!--<![endif]-->

<div class="navbar">
    <div class="navbar-inner">
        <ul class="nav pull-right" ms-if="user.logged">

            <li>
                <a href="#" class="hidden-phone visible-tablet visible-desktop" role="button">设置</a>
            </li>
            <li id="fat-menu" class="dropdown">
                <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-user"></i> {{user.nickName}}
                    <i class="icon-caret-down"></i>
                </a>

                <ul class="dropdown-menu">
                    <li><a tabindex="-1" href="#">个人资料</a></li>
                    <li class="divider"></li>
                    <li><a tabindex="-1" class="visible-phone" href="#">设置</a></li>
                    <li class="divider visible-phone"></li>
                    <li><a tabindex="-1" href="#!/admin/sign-in.html">退出</a></li>
                </ul>
            </li>

        </ul>
        <a class="brand" href="#!/admin/index.html">
            <span class="first">{{brand.first}}</span>
            <span class="second">{{brand.second}}</span>
        </a>
    </div>
</div>


<div class="sidebar-nav" ms-if="sidebarNav">
    <form class="search form-inline">
        <input type="text" placeholder="Search...">
    </form>

    <a href="#dashboard-menu" class="nav-header" data-toggle="collapse"><i class="icon-dashboard"></i>Dashboard</a>
    <ul id="dashboard-menu" class="nav nav-list collapse in">
        <li><a href="#!/admin/index.html">Home</a></li>
        <li><a href="#!/admin/users.html">Sample List</a></li>
        <li><a href="#!/admin/user.html">Sample Item</a></li>
        <li><a href="#!/admin/media.html">Media</a></li>
        <li><a href="#!/admin/calendar.html">Calendar</a></li>
    </ul>

    <a href="#accounts-menu" class="nav-header" data-toggle="collapse">
        <i class="icon-briefcase"></i>Account
        <span class="label label-info">+3</span>
    </a>
    <ul id="accounts-menu" class="nav nav-list collapse">
        <li><a href="#!/admin/sign-in.html">Sign In</a></li>
        <li><a href="#!/admin/sign-up.html">Sign Up</a></li>
        <li><a href="#!/admin/reset-password.html">Reset Password</a></li>
    </ul>

    <a href="#error-menu" class="nav-header collapsed" data-toggle="collapse">
        <i class="icon-exclamation-sign"></i>Error Pages 
        <i class="icon-chevron-up"></i>
    </a>
    <ul id="error-menu" class="nav nav-list collapse">
        <li><a href="#!/admin/404.html">404 page</a></li>
        <li><a href="#!/admin/500.html">500 page</a></li>
    </ul>

    <a href="#legal-menu" class="nav-header collapsed" data-toggle="collapse">
        <i class="icon-legal"></i>Legal
        <i class="icon-chevron-up"></i>
    </a>
    <ul id="legal-menu" class="nav nav-list collapse">
        <li><a href="#!/admin/privacy-policy.html">Privacy Policy</a></li>
        <li><a href="#!/admin/terms-and-conditions.html">Terms and Conditions</a></li>
    </ul>

    <a href="#!/admin/help.html" class="nav-header"><i class="icon-question-sign"></i>Help</a>
    <a href="#!/admin/faq.html" class="nav-header"><i class="icon-comment"></i>Faq</a>
</div>


<div ms-class="{{contentClass}}" ms-include-src="currPath"></div>

<script type="avalon" id="footer">
    <hr>
    <p class="pull-right">A 
        <a href="http://www.portnine.com/bootstrap-themes" target="_blank">Free Bootstrap Theme</a> by 
        <a href="http://www.portnine.com" target="_blank">Portnine</a>
    </p>
    
    <p>&copy; 2012 <a href="http://www.portnine.com" target="_blank">Portnine</a></p>
</script>
</body>
</html>